
<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<title>新增传感</title>
	<link href="style/css/bootstrap.min.css" rel="stylesheet">
	<link href="style/css/style.css" rel="stylesheet">
    <script src="style/js/jquery-1.11.0.min.js"></script>
	<script src="style/js/bootstrap.min.js"></script>
	<style>
		#manage{
			display: block;
		}
		#device{
			display: block;
		}
	</style>
</head>
<body>
	<div class="container-fluid main">
		<div class="left">
			<div class="row logo">
				<div class="media">
				  	<div class="media-left">
				    	<a href="#">
				      		<img class="media-object logo-img" src="style/css/logo2.png" alt="瑞海科技">
				    	</a>
				  	</div>
				  	<div class="media-body">
				    	<p class="logo-name">瑞海科技</p>
				  </div>
				</div>
			</div>
			<div class="row">
                <ul id="manageList">
                    <li class="default">
                        <div>
                            <img src="style/css/home2.png" alt="home">
                            <a href="home.html" id="home">首页</a>
                        </div>
                    </li>
                    <li class="default">
                        <div class="pull-left">
                            <img src="style/css/site2.png" alt="site">
                            <a href="site.html" id="site">站点</a>
                        </div>
                        <div class="toggle pull-right" onclick="isShow1()">
                            <img id="choose1" src="style/css/downArrow.png" alt="">
                        </div>
                        <div class="clearfix"></div>                            
                    </li>
                    <div id="sites">
                    	<div class="site-item">
	                        <a href="#" class="item checked">大秦郡</a>
	                    </div>
	                    <div class="site-item">
	                        <a href="#" class="item">大秦郡</a>
	                    </div>
	                    <div class="site-item">
	                        <a href="#" class="item">大秦郡</a>
	                    </div>
	                    <div class="site-item">
	                        <a href="#" class="item">大秦郡</a>
	                    </div>
	                    <div class="site-item">
	                        <a href="#" class="item">大秦郡</a>
	                    </div>
	                    <div class="site-item">
	                        <a href="#" class="item">大秦郡</a>
	                    </div>
	                    <div class="site-item">
	                        <a href="#" class="item">大秦郡</a>
	                    </div>    
                    </div>
                    <li class="default">
                        <div>
                            <img src="style/css/history2.png" alt="history">
                            <a href="history.html" id="history">历史数据</a>
                        </div>                               
                    </li>
                    <li class="default active">
                        <div class="pull-left">
                            <img src="style/css/userManage1.png" alt="admin">
                            <a href="userManage.html" id="userManage">后台管理</a>
                        </div>
                        <div class="toggle pull-right" onclick="isShow2()">
                            <img id="choose2" src="style/css/upArrow.png" alt="">
                        </div>
                        <div class="clearfix"></div>                               
                    </li>
                    <div id="manage">
                    	<div class="manage-item">
                            <img src="style/css/green.png" alt="user">
                            <a href="userManage.html" class="large-item">用户管理</a>
                        </div>
                        <div class="manage-item">
                            <img src="style/css/yellow.png" alt="site">
                            <a href="siteManage.html" class="large-item">站点管理</a>
                        </div>
                        <div class="manage-item device">
                        	<div class="pull-left">
	                            <img src="style/css/pink.png" alt="device">
                            	<a href="cameraManage.html" class="large-item checked">设备管理</a>
	                        </div>
	                        <div onclick="isShow3()">
	                            <img id="choose3" src="style/css/add.png" alt="add">
	                        </div>
	                        <div class="clearfix"></div>
                        </div>
                        <div id="device">
                    		<div class="device-item">
		                        <a href="cameraManage.html" class="small-item checked">摄像头</a>
		                    </div>
		                    <div class="device-item">
		                        <a href="senseManage.html" class="small-item">传感</a>
		                    </div>
                        </div>                        
                        <div class="manage-item">
                            <img src="style/css/gray.png" alt="admin">
                            <a href="publishAnnounce.html" class="large-item">发布公告</a>
                        </div>
                    </div>
                </ul>
            </div>
            <div class="row footer text-center">
				Copyright &copy; 2018 | &nbsp; 瑞海集团  版权所有 &nbsp;
			</div>
			<script type="text/javascript">
                $(document).ready(function(){  
                    $("#sites div a").each(function(){  
                        $this = $(this);  
                        if($this[0].href==String(window.location)){
                        	$("#manageList li").removeClass("active");
                        	$("#manageList li:eq(1)").addClass("active"); 
                            $("#sites div a").removeClass("checked");
                            $this.addClass("checked");  
                        } 
                    });
                });
                function isShow1(){
					var sites=document.getElementById('sites');
					$("#choose1").src="style/css/downArrow.png";
					$("#manageList li").removeClass("active");
			        $("#manageList li:eq(1)").addClass("active");
			        if(sites.style.display == 'none'){  
			            sites.style.display = 'block';
			            $('#choose1').attr('src', 'style/css/upArrow.png');
			        }else{
			            sites.style.display = 'none';
			            $('#choose1').attr('src', 'style/css/downArrow.png');
			        }
			    } 
			    function isShow2(){
					var manage=document.getElementById('manage');
					$("#manageList li").removeClass("active");
			        $("#manageList li:eq(3)").addClass("active");
			        console.log($("#manageList li:eq(3)")); 
			        if(manage.style.display == 'none'){  
			            manage.style.display = 'block';
			            $('#choose2').attr('src', 'style/css/upArrow.png');
			        }else{
			            manage.style.display = 'none';
			            $('#choose2').attr('src', 'style/css/downArrow.png');
			        }
			    }
			    function isShow3(){
					var device=document.getElementById('device');
					$("#manageList li").removeClass("active");
			        $("#manageList li:eq(3)").addClass("active");
			        console.log($("#manageList li:eq(3)")); 
			        if(device.style.display == 'none'){  
			            device.style.display = 'block';
			            $('#choose3').attr('src', 'style/css/reduce.png');
			        }else{
			            device.style.display = 'none';
			            $('#choose3').attr('src', 'style/css/add.png');
			        }
			    }  
            </script>
		</div>
		<div class="right new">
			<div class="row header">
                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pull-right">
                    <div class="row userMsg pull-right">
                    	<a href="#" class="bell" onclick="javasrcipt:ShowDiv2('warnMsg')"><img src="style/css/bell.png" alt="bell" class="bellImg"><span class="badge">7</span></a>
                        <a href="#" onclick="javasrcipt:ShowDiv('personalCenter','fade')">   
                    		<img src="style/css/people.png" alt="people">
                        	<span class="username">用户名</span>
                    	</a>
                        <a type="button" class="btn exit">安全退出</a>    
                    </div>                   
                </div> 
			</div>
			<div class="row welcome hidden-xs">
				<p class="msg pull-right">欢迎您使用！<span class="small">您最后一次登录时间为 02/01/2019 05:34:59 PM</span></p>
			</div>
			<div class="row">
				<div class="row newHeader">
					<img src="style/css/pink.png" alt="site">
                    <span class="headerItem">设备管理</span>
                    <img src="style/css/rightArrow.png" alt="rightArrow">
                    <span class="headerItem">新增传感</span>
				</div>
				<div class="row text-center">
					<div class="col-lg-6 col-lg-offset-3 col-md-12 col-sm-12 newContent">
						<div class="row contentItem">
							<div class="col-md-3 col-sm-3 text-right">
								<img src="style/css/star.png" alt="site">
                				<label class="itemName">传感器位置:</label>
							</div>
							<div class="col-md-9 col-sm-9">
								<input type="text" class="contentInput">
							</div>
						</div>
						<div class="row contentItem">
							<div class="col-md-3 col-sm-3 text-right">
								<img src="style/css/star.png" alt="site">
                				<label class="itemName">传感器名称:</label>
							</div>
							<div class="col-md-9 col-sm-9">
								<input type="text" class="contentInput">
							</div>
						</div>
						<div class="row contentItem">
							<div class="col-md-3 col-sm-3 text-right">
								<img src="style/css/star.png" alt="site">
                				<label class="itemName">品牌_型号:</label>
							</div>
							<div class="col-md-9 col-sm-9">
								<input type="text" class="contentInput">
							</div>
						</div>
						<div class="row contentItem">
							<div class="col-md-3 col-sm-3 text-right">
								<label class="itemName">所属站点:</label>
							</div>
							<div class="col-md-6 col-sm-6">
								<select class="contentSelect">
									<option class="" value="1">西部云谷</option>
									<option class="" value="2">配电室</option>
									<option class="" value="3">变电站</option>
								</select>
							</div>
							<div class="col-md-3 col-sm-3">
								<div class="newA">
									<a href="#" onclick="javasrcipt:ShowDiv('newSite2','fade')" class="link">     
									  <img src="style/css/add4.png"/><span>新建站点</span>     
									</a>
								</div>
							</div>						
						</div>
						<div class="row contentItem">
							<div class="col-md-3 col-sm-3 text-right">
								<label class="itemName">站点负责人:</label>
							</div>
							<div class="col-md-6 col-sm-6">
								<select class="contentSelect">
									<option class="" value="1">ruihai</option>
									<option class="" value="2">yungu</option>
									<option class="" value="3">biandianzhan</option>
								</select>
							</div>
							<div class="col-md-3 col-sm-3">
								<div class="newA">
									<a href="#" onclick="javasrcipt:ShowDiv('newUser2','fade')" class="link">     
									  <img src="style/css/add4.png"/><span>新建用户</span>     
									</a>
								</div>
							</div>						
						</div>
						<div class="row checks2 contentItem">
							<div class="col-md-3 col-sm-3 text-right">
								<sapn>状态：</span>
							</div>
							<div class="col-md-9 col-sm-9">
								<input type="checkbox" id="radio3" checked>
			                    <label for="radio3" class="itemName"></label>
							</div>
						</div>
						<div class="row btns text-center">
							<input type="submit" value="保存" class="save">
							<a href="newSite.html" class="otherNew">保存并新另一个</a>
							<a href="#" class="cancel">取消</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="fade" class="black_overlay">
	</div>
	<div id="warnMsg" class="container-fluid warn_content">
		<div class="row">
			<a href="#">
				<span>监控</span>预警
				<span>2</span>条
				<img src="style/css/warn.png" alt="warn">
			</a>
		</div>
		<div class="row">
			<a href="">
				<span>传感</span>预警
				<span>5</span>条
				<img src="style/css/warn.png" alt="warn">
			</a>
		</div>
	</div>
	<div id="personalCenter" class="container-fluid white_content">
		<div class="row title">
			<span class="pull-left titleItem">个人中心</span>
			<a class="pull-right titleItem link"  onclick="CloseDiv('personalCenter','fade')">     
			  <img src="style/css/shut.png"/>  
			</a>
		</div>
		<div class="row content">
			<div class="row contentItem">
				<div class="col-lg-2 col-md-3 col-sm-3 text-right">
					<label class="nameItem">头像:</label>
				</div>
				<div class="col-lg-9 col-md-9 col-sm-8">
					<a href="#" class="link"><img src="style/css/camera4.png"/></a>
				</div>
			</div>
			<div class="row contentItem">
				<div class="col-lg-2 col-md-3 col-sm-3 text-right">
					<label class="nameItem">用户名:</label>
				</div>
				<div class="col-lg-9 col-md-9 col-sm-8">
					<input type="text" value="瑞海科技" class="input">
				</div>
			</div>
			<div class="row contentItem">
				<div class="col-lg-2 col-md-3 col-sm-3 text-right">
					<label class="nameItem">密码:</label>
				</div>
				<div class="col-lg-9 col-md-9 col-sm-8">
					<input type="password" value="******" class="input">
				</div>
			</div>
			<div class="row contentItem">
				<div class="col-lg-2 col-md-3 col-sm-3 text-right">
					<label class="nameItem">站点:</label>
				</div>
				<div class="col-lg-9 col-md-9 col-sm-8 siteContent">
					<div class="siteContentItem">云谷边,万科世纪城,大世界城,云谷边,万科世纪城,大世界城,云谷边,万科世纪城,大世界城,云谷边,万科世纪城,大世界城,</div>
				</div>
			</div>
			<div class="row contentItem">
				<div class="col-lg-2 col-md-3 col-sm-3 text-right">
					<label class="nameItem">摄像头:</label>
				</div>
				<div class="col-lg-9 col-md-9 col-sm-8 siteContent">
					<div class="siteContentItem">camera#1•camera#1•camera#1•camera#1•camera#1•camera#1•camera#1•camera#1•camera#1•camera#1•camera#1•camera#1•</div>
				</div>
			</div>		
		</div>
		<div class="row">
			<div class="row date">
				<div class="col-lg-2 col-md-3 col-sm-3 text-right">
					<sapn>创建日期:</span>
				</div>
				<div class="col-lg-10 col-md-9 col-sm-9">
					<div class="creatDate">2019-01-19</div>
				</div>
			</div>
			<div class="row date">
				<div class="col-lg-2 col-md-3 col-sm-3 text-right">
					<span>修改日期:</span>
				</div>
				<div class="col-lg-10 col-md-9 col-sm-9">
					<div class="editDate">2019-01-24</div>
				</div>
			</div>
		</div>
		<div class="row btns text-center">
			<input type="submit" value="保存" class="save">
			<a href="#" class="cancel" onclick="CloseDiv('personalCenter','fade')">取消</a>
		</div>			
	</div>
	<div id="newUser2" class="container-fluid white_content">
		<div class="row title">
			<span class="pull-left titleItem">新增用户</span>
			<a class="pull-right titleItem link" onclick="CloseDiv('newUser2','fade')">     
			  <img src="style/css/shut.png"/>  
			</a>
		</div>
		<div class="row">
			<div class="col-md-10 col-md-offset-1 col-sm-12 content">
				<div class="row contentItem">
					<div class="col-lg-3 col-lg-offset-1 col-md-4 col-md-offset-1 col-sm-4 text-right">
						<img src="style/css/star.png" alt="site">
						<label class="nameItem">用户名:</label>
					</div>
					<div class="col-lg-7 col-md-7 col-sm-8">
						<input type="text" placeholder="用户名不为空长度小于225个字符">
					</div>
				</div>
				<div class="row contentItem">
					<div class="col-lg-3 col-lg-offset-1 col-md-4 col-md-offset-1 col-sm-4 text-right">
						<img src="style/css/star.png" alt="site">
						<label class="nameItem">密码:</label>
					</div>
					<div class="col-lg-7 col-md-7 col-sm-8">
						<input type="password" placeholder="不少于6个字符">
					</div>
				</div>
				<div class="row contentItem">
					<div class="col-lg-3 col-lg-offset-1 col-md-4 col-md-offset-1 col-sm-4 text-right">
						<label class="nameItem">权限:</label>
					</div>
					<div class="col-lg-7 col-md-7 col-sm-8">
						<select>
							<option class="" value="1">普通用户</option>
							<option class="" value="2">开发者</option>
							<option class="" value="3">管理员</option>
						</select>
					</div>					
				</div>
				<div class="row btns text-center">
					<input type="submit" value="保存" class="save">
					<a href="#" class="cancel" onclick="CloseDiv('newUser2','fade')">取消</a>
				</div>
			</div>			
		</div>		
	</div>
	<div id="newSite2" class="container-fluid white_content">
		<div class="row title">
			<span class="pull-left titleItem">新增站点</span>
			<a class="pull-right titleItem link" onclick="CloseDiv('newSite2','fade')">     
			  <img src="style/css/shut.png"/>  
			</a>
		</div>
		<div class="row">
			<div class="col-md-10 col-md-offset-1 col-sm-12 content">
				<div class="row contentItem">
					<div class="col-lg-3 col-lg-offset-1 col-md-4 col-md-offset-1 col-sm-4 text-right">
						<img src="style/css/star.png" alt="site">
						<label class="nameItem">站点名称:</label>
					</div>
					<div class="col-lg-7 col-md-7 col-sm-8">
						<input type="text" placeholder="站点名称不为空长度小于225个字符">
					</div>
				</div>
				<div class="row contentItem">
					<div class="col-lg-3 col-lg-offset-1 col-md-4 col-md-offset-1 col-sm-4 text-right">
						<img src="style/css/star.png" alt="site">
						<label class="nameItem">站点位置:</label>
					</div>
					<div class="col-lg-7 col-md-7 col-sm-8">
						<input type="text" placeholder="站点位置不为空长度小于225个字符">
					</div>
				</div>
				<div class="row contentItem">
					<div class="col-lg-3 col-lg-offset-1 col-md-4 col-md-offset-1 col-sm-4 text-right">
						<label class="nameItem">用户:</label>
					</div>
					<div class="col-lg-7 col-md-7 col-sm-8">
						<select>
							<option class="" value="1">ruihai</option>
							<option class="" value="2">yungu</option>
							<option class="" value="3">biandianzhan</option>
						</select>
					</div>					
				</div>
				<div class="row btns text-center">
					<input type="submit" value="保存" class="save">
					<a href="#" class="cancel" onclick="CloseDiv('newSite2','fade')">取消</a>
				</div>
			</div>			
		</div>		
	</div>
<script src="style/js/public.js"></script>
</body>
</html>